import { FC } from 'react';
import { Link, Route, Routes } from 'react-router-dom';
import { EpicPage } from 'pages/epic';
import { KanbanPage } from 'pages/kanban';

export const ProjectPage: FC = () => {
  return (
    <div className="project-content">
      <h1>Project</h1>
      <Link to="kanban">看板</Link>
      <Link to="epic">任务组</Link>
      <main>
        <Routes>
          <Route path="/" element={<KanbanPage />} />
          <Route path="/kanban" element={<KanbanPage />} />
          <Route path="/epic" element={<EpicPage />} />
        </Routes>
      </main>
    </div>
  );
}